<%--
  Created by IntelliJ IDEA.
  User: 我主人真帅!
  Date: 2020/10/12
  Time: 19:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="<%=request.getContextPath()+"/"%>">
    <title>Title</title>
    <%--导入easyui的核心css文件--%>
    <link rel="stylesheet" href="easyui/themes/default/easyui.css">
    <%--导入easyui图标及css--%>
    <link rel="stylesheet" href="easyui/themes/icon.css">
    <%--导入基本默认css样式--%>
    <link rel="stylesheet" href="easyui/themes/demo.css">
    <%--导入jq依赖的js文件--%>
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
    <%--导入easyui核心js--%>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#tt").tree({
                onClick:function (node) {

                    //判断当前的选项卡是否有链接地址(菜单表中的数据是否有url字段的值)
                    if (node.url==""||node.url==null){
                        return;
                    }
                    //node:当前点击的节点对象
                    //node.text:当前点击节点的文本值
                    //console.log(node.text);
                    //判断选项卡是否存在
                    var flag = $("#tab1").tabs('exists',node.text);
                    if (flag){
                        //选中选项卡
                        $("#tab1").tabs('select',node.text);
                    }else {
                        $("#tab1").tabs('add',{
                            title:node.text,
                            //可以写入一个网址,也可以写入一个本地的jsp或者html文件
                            content:'<iframe src="'+node.url+'" width="100%" height="100%"></iframe>',
                            //href:"",//这种写法的意思是打开这个页面后,这个网页和当前网页会合并为一个
                            //网页,它就相当于把flower.jsp中的代码复制到这里,因此给标签id属性的时候要注意不能重复
                            //否则就报错,效果的话打开对话框时,会遮挡整个页面,而上面的那种写法,只能遮挡
                            //中间的布局
                            closable:true
                        });
                    }
                }
            });
        });
    </script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',split:true" style="height:100px;
         background-repeat: no-repeat;background-position: center;background-color: #ffe905">
        <div style="margin-top: 25px;margin-left:80px ">
            <span style="font-size: 45px;font-family:楷体;color: #ee0000;font-style:italic">Ting域主持人</span>
        </div>
        <div style="float: right">
            <span style="font-size: 16px;font-family:楷体">欢迎${sessionScope.admin.aname}|
                <a href="AdminController/adminOutLogin" style="font-size: 16px;font-family:楷体;text-decoration:none ">退出</a>
            </span>
        </div>

    </div>
    <div data-options="region:'west',split:true" style="width:200px;">
        <div class="easyui-accordion" data-options="fit:true,border:false,animate:false">
            <div title="菜单">
                <ul id="tt" class="easyui-tree"
                    url="MenuController/findMenusLer">
                </ul>
                
            </div>
            <div title="备忘录">
                <h4>隔壁家的二狗子8年前借了我2毛前到现在没还</h4>
                <h4>隔壁村儿的小军5年前借我3毛钱给小花买冰棍没还</h4>
            </div>
            <div title="日历">
                <div class="easyui-calendar" style="width:192px;height:250px;"></div>
            </div>
        </div>

    </div>
    <div data-options="region:'center'" style="background:#eee;">
        <div id="tab1" class="easyui-tabs" data-options="fit:true">
            <div title="默认" style="background-color: #f6f6f6;background-image: url('imgs/01.jpg');background-repeat: no-repeat;background-position: center" data-options="iconCls:'icon-reload',closable:true"></div>
        </div>
    </div>

</body>
</html>
